<template>
	<view class="page">
		<view class="group_1">
			<view class="box_1">
				<nav-bar title="达人帮" :color="navBarColor" :bg="navBarBg" />
				<!-- <image
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/pswowmebh2s2ybwjxp0567j6yx9edtngia32417127-e881-4356-8602-9758734c6ee8"
					class="image_1"></image> -->
				<!-- <view class="nav-bar_2">
					<view class="group_8">
						<view class="section_1">
							<image
								src="https://lanhu.oss-cn-beijing.aliyuncs.com/psjf5hihufebacczkups559qiwmynl8h7haf83cdd1-0f9a-4079-aaf7-d86b49b0f513"
								class="icon_1"></image>
							<text lines="1" class="text_1">达人榜</text>
						</view>
					</view>
					<view class="group_9">
						<view class="box_14">
							<view class="group_5"></view>
							<image
								src="https://lanhu.oss-cn-beijing.aliyuncs.com/pseyegtfxy34rio62k1tx9gvbg0dcmksqb2b5bf75-d91a-4fd2-8f46-479e5b94bb02"
								class="applet-top-bar_1"></image>
						</view>
					</view>
				</view> -->
				<view class="list_2">
					<view class="image-text_6-0" @click="showcard = true">
						<image
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/0dc0ef5b653ddf232ecf9c64673515f8333c7c7c.png"
							class="icon_4-0"></image>
						<text lines="1" class="text-group_6-0">本周</text>
					</view>
					<view class="image-text_6-1" @click="typelist(1)">
						<image v-if="typeinfo == 1"
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/18f543d8e8324f4fb7afe0ecec492d87786691f0.png"
							class="icon_4-0"></image>
						<image  v-else
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/959b6b62e493b5d53814ecf9df29874480146949.png"
							class="icon_4-1"></image>
						<text lines="1" class="text-group_6-1">最多到场</text>
					</view>
					<view class="image-text_6-2" @click="typelist(2)">
						<image v-if="typeinfo == 2"
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/4249f09b2d57196668a1e747464fd65b3562ec7a.png"
							class="icon_4-0"></image>
						<image  v-else
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/503f4883c46e6f8286a6dea285c6858477bf8a53.png"
							class="icon_4-2"></image>
						<text lines="1" class="text-group_6-2">消费最多</text>
					</view>
					<view class="image-text_6-3" @click="typelist(3)">
						<image v-if="typeinfo == 3"
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/ee31aeef944465838290a8d01b420090b0062f95.png"
							class="icon_4-0"></image>
						<image v-else
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/0d9f40fef5eb659490ffdb9ecd38aab31ef7125c.png"
							class="icon_4-3"></image>
						<text lines="1" class="text-group_6-3">在场最久</text>
					</view>
				</view>
				<view class="group_7">
					<view class="box_15">
						<view class="group_10">
							<image
								src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/1b83fc8fb2241125df0c52e7875c9c2a0adee314.png"
								class="label_1"></image>
							<view class="image-text_7">
								<view class="tag_1">
									<text lines="1" class="text_5">张彬彬</text>
								</view>
								<text lines="1" class="text-group_3">8690min</text>
							</view>
							<view class="block_2">
								<image style="width: 98rpx;height: 98rpx;"
									src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/64f917a980da4abea7ce99d0598384da1f805c98.png"
									class=""></image>
							</view>
						</view>
						<view class="group_11">
							<view class="image-wrapper_2">
								<image
									src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/474fe46ecf5e4ba71e62b10bb039985d18e18097.png"
									class="label_3"></image>
							</view>
							<view class="image-text_8">
								<view class="tag_2">
									<text lines="1" class="text_6">黄飞燕</text>
								</view>
								<text lines="1" class="text-group_4">9000min</text>
							</view>
							<view class="single-avatar_1">
								<image style="width: 130rpx;height: 130rpx;"
									src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/64f917a980da4abea7ce99d0598384da1f805c98.png"
									class=""></image>
							</view>
							<!-- <view class="block_22">
								
							</view> -->
						</view>
						<view class="group_12">
							<image
								src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/d84f7faa79dc1c2f53e80d94c6eee7eb6aa26f0c.png"
								class="label_2"></image>
							<view class="image-text_9">
								<view class="tag_3">
									<text lines="1" class="text_7">刘丹妮</text>
								</view>
								<text lines="1" class="text-group_5">7000min</text>
							</view>
							<view class="block_3">
								<image style="width: 98rpx;height: 98rpx;"
									src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/3b2affc67565b363ae27ba83a3e9284532ed5615.png"
									class=""></image>
							</view>
							<!-- <view class="block_222">
								
							</view> -->
						</view>
					</view>

				</view>
			</view>
			<image
				src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/caaac63dcd54e89f1fcea267ae7ec5eb0e02d3a0.png"
				class="image_2"></image>
			<view class="text-wrapper_1">
				<text lines="1" class="text_2">我的排名:</text>
				<text lines="1" class="text_3">157</text>
				<text lines="1" class="text_4">50min</text>
			</view>
			<view class="box_7">
				<!-- <view class="text-wrapper_3">
					<text lines="1" class="text_8">4</text>
					<text lines="1" class="text_9">文若</text>
					<text lines="1" class="text_10">6000min</text>
				</view> -->
				<scroll-view scroll-y style="width: 100%;height: 47vh;">
					<view class="box_16" v-for="(item,index) in 7" :key="index">
						<text lines="1" class="text_11">{{index+4}}</text>
						<image
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/64f917a980da4abea7ce99d0598384da1f805c98.png"
							class="image_3"></image>
						<text lines="1" class="text_12">孟德</text>
						<text lines="1" class="text_13">6000min</text>
					</view>
				</scroll-view>
				<!-- <view class="box_17">
					<text lines="1" class="text_14">6</text>
					<image
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/64f917a980da4abea7ce99d0598384da1f805c98.png"
						class="image_4"></image>
					<text lines="1" class="text_15">奉仙</text>
					<text lines="1" class="text_16">6000min</text>
				</view>
				<view class="box_18">
					<text lines="1" class="text_17">7</text>
					<image
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/64f917a980da4abea7ce99d0598384da1f805c98.png"
						class="image_5"></image>
					<text lines="1" class="text_18">公瑾</text>
					<text lines="1" class="text_19">6000min</text>
				</view> -->
				<!-- <view class="box_19">
					<text lines="1" class="text_20">8</text>
					<image
						src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps8cw4xxohvyik3gf786vm3rucx1uljo4xbe30985d8-18d7-4cd3-b986-9563912c4d7d"
						class="image_6"></image>
					<text lines="1" class="text_21">子龙</text>
					<text lines="1" class="text_22">6000min</text>
				</view>
				<view class="box_20">
					<text lines="1" class="text_23">9</text>
					<image
						src="https://lanhu.oss-cn-beijing.aliyuncs.com/pso0oiltsd6uooxuwswohckp8uy0wr73xg9d17581b-e990-42a2-bd2e-bf26f6bf6b8d"
						class="image_7"></image>
					<text lines="1" class="text_24">奉孝</text>
					<text lines="1" class="text_25">6000min</text>
				</view>
				<view class="box_21">
					<text lines="1" class="text_26">10</text>
					<image
						src="https://lanhu.oss-cn-beijing.aliyuncs.com/pstlzcc60rjenhbgce4pga7sdkwv3t9vc27bedcb0-2b28-4e65-acc8-513d63ea6638"
						class="image_8"></image>
					<text lines="1" class="text_27">云长</text>
					<text lines="1" class="text_28">6000min</text>
				</view> -->
				<image
					src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/049c24e857537d8dc93e919a6087bb4adf655bc8.png"
					class="image_9"></image>
				<!-- <image
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/psfr7ylrpym9kjmq1h8mfgdkz92bcy6wbo502eca5f-7884-4b74-915d-e05ead57d42e"
					class="image_10"></image> -->
			</view>
		</view>
		<!-- 选择卡 -->
		<u-picker :show="showcard" :columns="card_status" keyName="label"
			@confirm="card_list" @cancel="showcard = false">
		</u-picker>
	</view>
</template>

<script>
	import navbar from '@/mixins/navbar.js';
	export default {
		mixins: [navbar({
			navBarColor: '#fff'
		})],
		data() {
			return {
				typeinfo:'',
				showcard:false,
				card_status: [], //操作员
			}
		},
		onLoad() {
			this.cardlist()
		},
		methods: {
			typelist(type){
				this.typeinfo = type
			},
			// 开卡方式
			async cardlist() {
				let card_list = [
					{
						id: 1,
						label: "本周"
					},
					{
						id: 2,
						label: "本月"
					},
					{
						id: 2,
						label: "本年"
					}
				]
				this.card_status.push(
					card_list
				)
				// let params = {
				// 	app_id: this.$https.weixinAppId,
				// 	project_id: getApp().globalData.projectId,
				// }
				// let res = await train.conf(params);
				// if (res.code == 1) {
					
				// 	this.card_status.push(
				// 		res.data.list.card_list
				// 	)
				// }
			},
			// 选择卡
			card_list(e) {
				this.showcard = false
			},
		}
	}
</script>

<style lang="scss" scoped>
	.page {
		position: relative;
		width: 750rpx;
		height: 100vh;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}

	.group_1 {
		position: relative;
		width: 750rpx;
		height: 100vh;
		// background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/ps1a54klpj4lsc3qikmjkljqwu59wms91ja3bdde6a-9072-4353-be0e-b0442b1b67ac) 100% no-repeat;
		// background-size: 100% 100%;
		display: flex;
		flex-direction: column;
	}

	.box_1 {
		position: relative;
		width: 750rpx;
		height: 598rpx;
		display: flex;
		flex-direction: column;
		// background-color: #6070ff;
		background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/0380425edebf4c9a179d261f6d926801e3b29ebc.png') 100% no-repeat;
		background-size: 100% 100%;
	}

	.image_1 {
		width: 654rpx;
		height: 22rpx;
		margin: 33rpx 0 0 48rpx;
	}

	.nav-bar_2 {
		width: 749rpx;
		height: 93rpx;
		margin-top: 26rpx;
		flex-direction: row;
		display: flex;
	}

	.group_8 {
		height: 36rpx;
		display: flex;
		flex-direction: column;
		width: 147rpx;
		margin: 33rpx 0 0 30rpx;
	}

	.section_1 {
		width: 147rpx;
		height: 36rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
	}

	.icon_1 {
		width: 20rpx;
		height: 36rpx;
	}

	.text_1 {
		width: 107rpx;
		height: 35rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 36rpx;
		font-family: PingFang-SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
		margin-top: 1rpx;
	}

	.group_9 {
		height: 55rpx;
		display: flex;
		flex-direction: column;
		width: 150rpx;
		margin: 24rpx 29rpx 0 393rpx;
	}

	.box_14 {
		position: relative;
		width: 150rpx;
		height: 55rpx;
		display: flex;
		flex-direction: row;
	}

	.group_5 {
		background-color: rgba(0, 0, 0, 0.100000);
		border-radius: 26rpx;
		width: 149rpx;
		height: 53rpx;
		display: flex;
		flex-direction: column;
		margin: 1rpx 0 0 1rpx;
	}

	.applet-top-bar_1 {
		position: absolute;
		left: 0rpx;
		top: 0rpx;
		width: 150rpx;
		height: 55rpx;
	}

	.list_2 {
		width: 657rpx;
		height: 156rpx;
		flex-direction: row;
		display: flex;
		margin: 23rpx 0 245rpx 42rpx;
	}

	.image-text_6-0 {
		width: 111rpx;
		height: 170rpx;
		margin-right: 73rpx;
		display: flex;
		flex-direction: column;
		// justify-content: space-between;
		justify-content: center;
		align-items: center;
	}

	.icon_4-0 {
		width: 111rpx;
		height: 111rpx;
	}

	.text-group_6-0 {
		// width: 105rpx;
		// height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 60rpx;
		// margin: 20rpx 0 0 31rpx;
	}

	.image-text_6-1 {
		width: 111rpx;
		height: 170rpx;
		margin-right: 73rpx;
		display: flex;
		flex-direction: column;
		// justify-content: space-between;
		justify-content: center;
		align-items: center;
	}

	.icon_4-1 {
		width: 111rpx;
		height: 111rpx;
	}

	.text-group_6-1 {
		// width: 105rpx;
		// height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 60rpx;
		// margin: 20rpx 0 0 31rpx;
	}

	.image-text_6-2 {
		width: 111rpx;
		height: 170rpx;
		margin-right: 73rpx;
		display: flex;
		flex-direction: column;
		// justify-content: space-between;
		justify-content: center;
		align-items: center;
	}

	.icon_4-2 {
		width: 111rpx;
		height: 111rpx;
	}

	.text-group_6-2 {
		// width: 105rpx;
		// height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 60rpx;
		// margin: 20rpx 0 0 31rpx;
	}

	.image-text_6-3 {
		width: 111rpx;
		height: 170rpx;
		margin-right: 73rpx;
		display: flex;
		flex-direction: column;
		// justify-content: space-between;
		justify-content: center;
		align-items: center;
	}

	.icon_4-3 {
		width: 111rpx;
		height: 111rpx;
	}

	.text-group_6-3 {
		// width: 105rpx;
		// height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 60rpx;
		// margin: 20rpx 0 0 31rpx;
	}

	.group_7 {
		height: 319rpx;
		background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/01b506a20b025da3faa7b93e2c80a17178828a18.png') 100% no-repeat;
		background-size: 100% 100%;
		display: flex;
		flex-direction: column;
		width: 690rpx;
		position: absolute;
		left: 30rpx;
		top: 381rpx;
	}

	.box_15 {
		width: 670rpx;
		height: 265rpx;
		flex-direction: row;
		display: flex;
		margin: 32rpx 0 0 10rpx;
	}

	.group_10 {
		position: relative;
		width: 192rpx;
		height: 212rpx;
		margin-top: 53rpx;
		display: flex;
		flex-direction: column;
	}

	.image-text_7 {
		width: 192rpx;
		height: 97rpx;
		margin-top: 115rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.tag_1 {
		height: 57rpx;
		background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/4ad56dcdd349bf26696b68f00809e2dff66f9b9d.png') 100% no-repeat;
		background-size: 100% 100%;
		display: flex;
		flex-direction: column;
		width: 192rpx;
		position: absolute;
		    z-index: 9;
	}

	.text_5 {
		width: 82rpx;
		height: 27rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 28rpx;
		font-family: SourceHanSansCN-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 20rpx;
		margin: 9rpx 0 0 55rpx;
	}

	.text-group_3 {
		width: 192rpx;
		height: 19rpx;
		overflow-wrap: break-word;
		color: rgba(47, 117, 250, 1);
		font-size: 24rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: center;
		white-space: nowrap;
		line-height: 20rpx;
		margin: 70rpx 0 0 0;
	}

	.block_2 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 50%;
		position: absolute;
		left: 41rpx;
		top: 21rpx;
		width: 109rpx;
		height: 109rpx;
		border: 3px solid rgba(200, 200, 200, 1);
		display: flex;
		flex-direction: column;
	}
	.block_22 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 50%;
		position: absolute;
		left: 41rpx;
		top: 21rpx;
		width: 109rpx;
		height: 109rpx;
		border: 3px solid rgba(200, 200, 200, 1);
		display: flex;
		flex-direction: column;
	}
	.block_222 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 50%;
		position: absolute;
		left: 41rpx;
		top: 21rpx;
		width: 109rpx;
		height: 109rpx;
		border: 3px solid rgba(200, 200, 200, 1);
		display: flex;
		flex-direction: column;
	}

	.label_1 {
		position: absolute;
		left: 76rpx;
		top: 0rpx;
		width: 39rpx;
		height: 34rpx;
		z-index: 9;
	}

	.group_11 {
		width: 192rpx;
		height: 215rpx;
		margin-left: 43rpx;
		flex-direction: row;
		display: flex;
	}

	.image-text_8 {
		width: 192rpx;
		height: 92rpx;
		margin-top: 123rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.tag_2 {
		height: 57rpx;
		background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/4ad56dcdd349bf26696b68f00809e2dff66f9b9d.png') 100% no-repeat;
		background-size: 100% 100%;
		display: flex;
		flex-direction: column;
		width: 192rpx;
		position: absolute;
		z-index: 9;
	}

	.text_6 {
		width: 84rpx;
		height: 27rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 28rpx;
		font-family: SourceHanSansCN-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 20rpx;
		margin: 9rpx 0 0 54rpx;
	}

	.text-group_4 {
		width: 192rpx;
		height: 19rpx;
		overflow-wrap: break-word;
		color: rgba(47, 117, 250, 1);
		font-size: 24rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: center;
		white-space: nowrap;
		line-height: 20rpx;
		margin: 70rpx 0 0 0;
	}

	.single-avatar_1 {
		background-color: rgba(232, 232, 232, 1.000000);
		border-radius: 50%;
		width: 140rpx;
		height: 140rpx;
		border: 3px solid rgba(240, 221, 33, 1);
		display: flex;
		flex-direction: column;
		margin: 0 27rpx 0 -167rpx;
	}

	.group_12 {
		position: relative;
		width: 192rpx;
		height: 214rpx;
		display: flex;
		flex-direction: column;
		margin: 51rpx 0 0 51rpx;
	}

	.image-text_9 {
		width: 192rpx;
		height: 97rpx;
		margin-top: 117rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.tag_3 {
		height: 57rpx;
		background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/4ad56dcdd349bf26696b68f00809e2dff66f9b9d.png') 100% no-repeat;
		background-size: 100% 100%;
		display: flex;
		flex-direction: column;
		width: 192rpx;
		position: absolute;
		z-index: 9;
	}

	.text_7 {
		width: 85rpx;
		height: 27rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 28rpx;
		font-family: SourceHanSansCN-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 20rpx;
		margin: 9rpx 0 0 53rpx;
	}

	.text-group_5 {
		width: 192rpx;
		height: 19rpx;
		overflow-wrap: break-word;
		color: rgba(47, 117, 250, 1);
		font-size: 24rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: center;
		white-space: nowrap;
		line-height: 20rpx;
		margin: 70rpx 0 0 0;
	}

	.block_3 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 50%;
		position: absolute;
		left: 41rpx;
		top: 23rpx;
		width: 109rpx;
		height: 109rpx;
		border: 3px solid rgba(195, 145, 145, 1);
		display: flex;
		flex-direction: column;
	}

	.label_2 {
		position: absolute;
		left: 76rpx;
		top: 0rpx;
		width: 40rpx;
		height: 36rpx;
		z-index: 9;
	}

	.image-wrapper_2 {
		position: absolute;
		left: 321rpx;
		top: 8rpx;
		width: 40rpx;
		height: 35rpx;
		display: flex;
		flex-direction: row;
	}

	.label_3 {
		width: 40rpx;
		height: 35rpx;
	}

	.image_2 {
		width: 712rpx;
		height: 50rpx;
		margin: 118rpx 0 0 19rpx;
	}

	.text-wrapper_1 {
		background-color: rgba(255, 255, 255, 1.000000);
		width: 750rpx;
		height: 89rpx;
		// margin-top: 769rpx;
		flex-direction: row;
		display: flex;
		justify-content: flex-center;
		position: fixed;
		bottom: 0;
		z-index: 99;
	}

	.text_2 {
		width: 117rpx;
		height: 29rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 30rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 30rpx;
		margin: 32rpx 0 0 31rpx;
	}

	.text_3 {
		width: 42rpx;
		height: 22rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 30rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 30rpx;
		margin: 36rpx 0 0 33rpx;
	}

	.text_4 {
		width: 73rpx;
		height: 22rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 33rpx 31rpx 0 423rpx;
	}

	.box_7 {
		box-shadow: 8px 13px 33px 1px rgba(47, 117, 250, 0.090000);
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: NaNrpx;
		height: 48vh;
		width: 659rpx;
		position: absolute;
		left: 47rpx;
		top: 742rpx;
		display: flex;
		flex-direction: column;
		z-index: 9;
	}

	.text-wrapper_3 {
		width: 597rpx;
		height: 27rpx;
		flex-direction: row;
		display: flex;
		margin: 59rpx 0 0 30rpx;
	}

	.text_8 {
		width: 13rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 28rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin-top: 5rpx;
	}

	.text_9 {
		width: 50rpx;
		height: 27rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin-left: 141rpx;
	}

	.text_10 {
		width: 104rpx;
		height: 22rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 3rpx 0 0 289rpx;
	}

	.box_16 {
		width: 596rpx;
		height: 72rpx;
		flex-direction: row;
		display: flex;
		margin: 40rpx 0 0 31rpx;
	}

	.text_11 {
		width: 12rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 28rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin-top: 29rpx;
	}

	.image_3 {
		width: 72rpx;
		height: 72rpx;
		margin-left: 36rpx;
	}

	.text_12 {
		width: 50rpx;
		height: 27rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 24rpx 0 0 33rpx;
	}

	.text_13 {
		width: 104rpx;
		height: 22rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 27rpx 0 0 289rpx;
	}

	.box_17 {
		width: 596rpx;
		height: 72rpx;
		flex-direction: row;
		display: flex;
		margin: 30rpx 0 0 31rpx;
	}

	.text_14 {
		width: 12rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 28rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin-top: 29rpx;
	}

	.image_4 {
		width: 72rpx;
		height: 72rpx;
		margin-left: 36rpx;
	}

	.text_15 {
		width: 50rpx;
		height: 27rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 24rpx 0 0 32rpx;
	}

	.text_16 {
		width: 104rpx;
		height: 22rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 27rpx 0 0 290rpx;
	}

	.box_18 {
		width: 596rpx;
		height: 72rpx;
		flex-direction: row;
		display: flex;
		margin: 30rpx 0 0 31rpx;
	}

	.text_17 {
		width: 12rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 28rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin-top: 29rpx;
	}

	.image_5 {
		width: 72rpx;
		height: 72rpx;
		margin-left: 36rpx;
	}

	.text_18 {
		width: 50rpx;
		height: 26rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 25rpx 0 0 33rpx;
	}

	.text_19 {
		width: 104rpx;
		height: 22rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 27rpx 0 0 289rpx;
	}

	.box_19 {
		width: 596rpx;
		height: 72rpx;
		flex-direction: row;
		display: flex;
		margin: 30rpx 0 0 31rpx;
	}

	.text_20 {
		width: 12rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 28rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin-top: 29rpx;
	}

	.image_6 {
		width: 72rpx;
		height: 72rpx;
		margin-left: 36rpx;
	}

	.text_21 {
		width: 50rpx;
		height: 27rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 24rpx 0 0 33rpx;
	}

	.text_22 {
		width: 104rpx;
		height: 22rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 27rpx 0 0 289rpx;
	}

	.box_20 {
		width: 596rpx;
		height: 72rpx;
		flex-direction: row;
		display: flex;
		margin: 30rpx 0 0 31rpx;
	}

	.text_23 {
		width: 12rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 28rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin-top: 29rpx;
	}

	.image_7 {
		width: 72rpx;
		height: 72rpx;
		margin-left: 36rpx;
	}

	.text_24 {
		width: 51rpx;
		height: 27rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 24rpx 0 0 32rpx;
	}

	.text_25 {
		width: 104rpx;
		height: 22rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 27rpx 0 0 289rpx;
	}

	.box_21 {
		width: 595rpx;
		height: 72rpx;
		flex-direction: row;
		display: flex;
		margin: 30rpx 0 54rpx 32rpx;
	}

	.text_26 {
		width: 25rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 28rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin-top: 29rpx;
	}

	.image_8 {
		width: 72rpx;
		height: 72rpx;
		margin-left: 22rpx;
	}

	.text_27 {
		width: 50rpx;
		height: 26rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 25rpx 0 0 33rpx;
	}

	.text_28 {
		width: 104rpx;
		height: 22rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 27rpx 0 0 289rpx;
	}

	.image_9 {
		position: absolute;
		left: 0rpx;
		top: -2rpx;
		width: 659rpx;
		height: 41rpx;
	}

	.image_10 {
		position: absolute;
		left: 79rpx;
		top: 35rpx;
		width: 72rpx;
		height: 72rpx;
	}
</style>